
<%--
  Created by IntelliJ IDEA.
  User: venn
  Date: 12/19/2016
  Time: 10:16 PM
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String path = request.getContextPath();
String serverPath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/";
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="<%=basePath%>content/ui/global/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link href="<%=basePath%>content/ui/global/font-awesome/css/font-awesome1.css" rel="stylesheet" />
    <!-- Theme style -->
    <link rel="stylesheet" href="<%=basePath%>content/adminlte/dist/css/AdminLTE.css">
    <link rel="stylesheet" href="<%=basePath%>content/adminlte/dist/css/skins/_all-skins.min.css">
    <link href="<%=basePath%>content/min/css/supershopui.common.min.css" rel="stylesheet" />
    <link href="<%=basePath%>content/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
    <!--全局通用框架样式 end-->
    <%--<%@ include file="/WEB-INF/jsps/base.jsp" %>--%>
    <%--<jsp:include page="/WEB-INF/jsps/base.jsp"></jsp:include>--%>
</head>
<body>
<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PORTLET-->
            <div class="box-body" style="padding-bottom:0px;">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <%-- 加上action,不然回车会触发表单的提交事件，导致刷新页面，不知道怎么解决--%>
                        <form id="create" class="form" action="javascript:create()">
                            <div class="form-group" style="margin-top:15px">
                                <label class="control-label col-sm-1" for="todo">ToDo</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="todo">
                                </div>
                                <div class="col-sm-4" style="text-align:left;">
                                    <button type="button" style="margin-left:50px" id="btn_create" class="btn btn-primary">create</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div id="toolbar" class="btn-group">
                    <button id="btn_edit" type="button" class="btn btn-default">
                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>Done
                    </button>
                    <button id="btn_delete" type="button" class="btn btn-default btn_delete">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>Remove
                    </button>
                </div>
                <div class="table-scrollable">
                    <%--<table class="table-striped table-hover" id="table"
                           data-toggle="table"
                           data-pagination="true"
                           data-side-pagination="server"
                           data-search="true"
                           data-advanced-search="true"
                           data-id-table="advancedTable" &lt;%&ndash;<%=basePath%>todolist/findAll&ndash;%&gt;
                           data-url="<%=basePath%>todolist/findAll" data-toolbar="#toolbar" data-row-style="rowStyle">
                        <thead>
                        <tr>
                            <th data-checkbox="true"></th>
                            <th data-field="id" class="text-center">Id</th>
                            <th data-field="content" class="text-center">Content</th>
                            <th data-field="createTime" data-sortable="true" class="text-center">CreateTime</th>
                            <th data-field="lastUpdateTime" data-sortable="true"  class="text-center">LastUpdateTime</th>
                            <th data-formatter="actionFormatter">Action</th>
                        </tr>
                        </thead>
                    </table>--%>
                        <table class="table-striped table-hover" id="table" data-row-style="rowStyle"></table>
                </div>
            </div>
            <!-- END SAMPLE TABLE PORTLET-->

            <%--<div id="modal" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Id</label>
                                <input type="number" class="form-control" name="id" placeholder="id">
                            </div>
                            <div class="form-group">
                                <label>Stars</label>
                                <input type="text" class="form-control" name="name" placeholder="Name">
                            </div>
                            <div class="form-group">
                                <label>用户名</label>
                                <input type="number" class="form-control" name="forks_count" placeholder="用户名">
                            </div>
                            <div class="form-group">
                                <label>状态</label>
                                <input type="text" class="form-control" name="状态" placeholder="状态">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary submit">保存</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->--%>
        </div>


    </div>

</section>
<script src="<%=basePath%>content/ui/global/jQuery/jquery.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="<%=basePath%>content/ui/global/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=basePath%>content/min/js/supershopui.common.js"></script>
<script src="<%=basePath%>content/supermgr/Base/js/common.js"></script>
<script src="<%=basePath%>content/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="<%=basePath%>content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="<%=basePath%>content/supermgr/Module/SchedulerMgr/SchedulerMgr.js"></script>
<script src="<%=basePath%>static/js/todolist.js"></script>
</body>
</html>